<!doctype html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/public.css">
  <link rel="stylesheet" href="./plugs/font-awesome-4.7.0/css/font-awesome.min.css">
  <!-- 页面私有 -->
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel='stylesheet' type='text/css' href='./css/base.css'/>
  <title>金诚立信</title>
</head>

<body>
  <div id="header">
    <div class="top">
      <div class="container">
        <div class="row">
          <div class="col-14">考证就到金诚立信，师资雄厚、实习机会多、考证通过率高！</div>
          <div class="col-10 text-right">2018-10-30 星期一 12:00</div>
        </div>
      </div>
    </div>
    <div class="logo">
      <div class="container">
        <div class="row">
          <div class="col-12"><img class="img-logo" src="images/logo.jpg" alt="金诚立信"></div>
          <div class="col-12 text-right logo-zixun">
            <img class="img-logo-phone" src="images/icon-phone.jpg" alt="电话">
            <span class="logo-phone-span align-middle">咨询电话： 010-89456286</span>
          </div>
        </div>
      </div>
    </div>
    <div class="menu">
      <div class="container position-relative">
        <ul class="nav nav-pills">
          <li class="nav-item">
            <a class="nav-link active" href="./index.html">首页</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./plan.html">课程安排</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./material.html">学习资料</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./revenue.html">税收筹划</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./feature.html">办学特色</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./school.html">学校动态</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./hire.html">就业推荐</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./statute.html">法规模块</a>
          </li>
        </ul>
        <div class="menu-right">
          <a class="menu-right-div menu-huiyuan" href="./user.html">会员中心</a>
          <a class="menu-right-div" href="#">金诚立信集团</a>
        </div>
      </div>
    </div>
  </div>

  <div id="main">
    <!-- 幻灯片 -->
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img class="d-block w-100" src="img/banner.jpg" alt="First slide">
        </div>
        <div class="carousel-item">
          <img class="d-block w-100" src="img/banner.jpg" alt="Second slide">
        </div>
        <div class="carousel-item">
          <img class="d-block w-100" src="img/banner.jpg" alt="Third slide">
        </div>
      </div>
      <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
    <!-- 重要通知 -->
    <div class="notice">
      <div class="container">
        <div class="row">
          <div class="col-3">
            <div class="notice-title">最新通知</div>
          </div>
          <div class="col-21">
            <div class="notice-list position-relative" id="scrollDiv">
              <ul>
                <li class="notice-item">这是公告标题的第一行</li>
                <li class="notice-item">这是公告标题的第二行</li>
                <li class="notice-item">这是公告标题的第三行</li>
                <li class="notice-item">这是公告标题的第四行</li>
                <li class="notice-item">这是公告标题的第五行</li>
                <li class="notice-item">这是公告标题的第六行</li>
                <li class="notice-item">这是公告标题的第七行</li>
                <li class="notice-item">这是公告标题的第八行</li>
              </ul>
              <a class="position-absolute d-inline-block notice-icon" style="" href="#"><img src="./images/icon-qh.png" alt=""></a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="index-block">
      <div class="container">
        <div class="index-block-title text-center">
          <h2><a class="text-dark" href="./school.html">最新动态</a></h2>
          <strong>第一时间分享，随时掌握最新资讯</strong>
          <div class="line"></div>
        </div>
        <div class="row">
          <div class="col-8">
            <div class="block-img-wrpper img-animation">
              <a class="text-dark" href="./feature-item.html">
                <img class="img-fluid" src="img/04.jpg" alt="">
              </a>
            </div>
            <p class="block-tit text-truncate"><a class="text-dark" href="./feature-item.html"><strong>2018年11月金诚立信公益大讲堂</strong></a></p>
            <p style="height: 63px;">金诚立信公益大讲堂”通过开展多个系列公益培训
                课程，着力打造一个在顺义区具有较大影响力的人
                才培养和教育服务平台。</p>
            <div>
              <span class="d-inline-block block-icon">1326</span>
              <span class="d-inline-block float-right">2018-12-12</span>
            </div>
          </div>
          <div class="col-8">
            <div class="block-img-wrpper img-animation">
              <a class="text-dark" href="./feature-item.html">
                <img class="img-fluid" src="img/04.jpg" alt="">
              </a>
            </div>
            <p class="block-tit text-truncate"><a class="text-dark" href="./feature-item.html"><strong>2018年11月金诚立信公益大讲堂</strong></a></p>
            <p style="height: 63px;">金诚立信公益大讲堂”通过开展多个系列公益培训
                课程，着力打造一个在。</p>
            <div>
              <span class="d-inline-block block-icon">1326</span>
              <span class="d-inline-block float-right"">2018-12-12</span>
            </div>
          </div>
          <div class="col-8">
            <div class="block-img-wrpper img-animation">
              <a class="text-dark" href="./feature-item.html">
                <img class="img-fluid" src="img/04.jpg" alt="">
              </a>
            </div>
            <p class="block-tit text-truncate"><a class="text-dark" href="./feature-item.html"><strong>2018年11月金诚立信公益大讲堂</strong></a></p>
            <p style="height: 63px;">金诚立信公益大讲堂”通过开展多个系列公益培训
                课程，着力打造一个在顺义区具有较大影响力的人
                才培养和教育服务平台。</p>
            <div>
              <span class="d-inline-block block-icon">1326</span>
              <span class="d-inline-block float-right"">2018-12-12</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="index-block">
      <div class="container">
        <div class="index-block-title text-center">
          <h2><a class="text-dark" href="./plan.html">课程设置</a></h2>
          <strong>根据不同基础分班学习，总有一款适合你</strong>
          <div class="line"></div>
        </div>
        <div class="row">
          <div class="col col-c5">
            <a class="block-two-bg1" href="./plan.html">
              <img src="./images/bro-img1.png" alt="职业课程">
              <p class="h4">职业课程</p>
            </a>
          </div>
          <div class="col col-c5">
            <a class="block-two-bg2" href="./plan.html">
              <img src="./images/bro-img2.png" alt="职业课程">
              <p class="h4">实操课程</p>
            </a>
          </div>
          <div class="col col-c5">
            <a class="block-two-bg3" href="./plan.html">
              <img src="./images/bro-img3.png" alt="职业课程">
              <p class="h4">公益大讲堂</p>
            </a>
          </div>
          <div class="col col-c5">
            <a class="block-two-bg4" href="./plan.html">
              <img src="./images/bro-img4.png" alt="职业课程">
              <p class="h4">团体定制</p>
            </a>
          </div>
          <div class="col col-c5">
            <a class="block-two-bg5" href="javascript:;">
              <img src="./images/bro-img5.png" alt="职业课程">
              <p class="h4">尚政干训</p>
            </a>
          </div>
        </div>
      </div>
    </div>

    <div class="index-block">
      <div class="container">
        <div class="index-block-title text-center">
          <h2><a class="text-dark" href="./feature.html">办学特色</a></h2>
          <strong>培养专业人才，持证上岗、高薪资、高待遇</strong>
          <div class="line"></div>
        </div>
        <div class="row">
            <div class="item_box box10">
                <div class="item_box_wp">
                  <div class="voice_2">
                    <ul>
                      <li class="li1" id="li1">
                        <div class="fold" style="display:none;">
                          <span class="img"></span>
                          <span class="txt">实操练习</span>
                        </div>
                        <div class="unfold" style="display:block">
                          <dl>
                            <dt><img src="img/img50.png" /></dt>
                            <dd>
                            </dd>
                            <dd>使用语音外呼的模式将指定的语音呼入至接听人，可通过这种方式为针对性的客户提供会议通知、活动通知，并可通过API接口程序化控制呼出时间、呼出效果反馈</dd>
                          </dl>
                        </div>
                      </li>
                      <li class="li2">
                        <div class="fold">
                          <span class="img"></span>
                          <span class="txt">校企联合</span>
                        </div>
                        <div class="unfold">
                          <dl>
                            <dt><img src="img/img42.png" /></dt>
                            <dd>
                            </dd>
                            <dd>通过APP应用内按钮或浏览器网页按钮点击并发起IP通话、运营商线路通话服务，减少用户交互，提升用户体验</dd>
                          </dl>
                        </div>
                      </li>
                      <li class="li3">
                        <div class="fold">
                          <span class="img"></span>
                          <span class="txt">导师优势</span>
                        </div>
                        <div class="unfold">
                          <dl>
                            <dt><img src="img/img49.png" /></dt>
                            <dd>
                            </dd>
                            <dd>无论是智能终端、浏览器模式，通过APP或者网页发起通话，接通方为手机用户或固话用户，常见集成至与企业服务相关的移动应用、企业客服座席。</dd>
                          </dl>
                        </div>
                      </li>
                      <li class="li4">
                        <div class="fold">
                          <span class="img"></span>
                          <span class="txt">推优就业</span>
                        </div>
                        <div class="unfold">
                          <dl>
                            <dt><img src="img/img52.png" /></dt>
                            <dd>
                            </dd>
                            <dd>同时通过平台方发起主叫和被叫双方，定制通话方满足不同需求的客户服务，企业服务易可根据具体业务需求为客户提供定制服务</dd>
                          </dl>
                        </div>
                      </li>
                      <li class="li5">
                        <div class="fold">
                          <span class="img"></span>
                          <span class="txt">税收筹划</span>
                        </div>
                        <div class="unfold">
                          <dl>
                            <dt><img src="img/img51.png" /></dt>
                            <dd>
                            </dd>
                            <dd>基于互联网纯网络通话，无运营商和地域限制，拥有更清晰的语音质量，支持语音三方密钥的加密传输</dd>
                          </dl>
                        </div>
                      </li>
                      <li class="li6">
                        <div class="fold">
                          <span class="img"></span>
                          <span class="txt">会员免费咨询</span>
                        </div>
                        <div class="unfold">
                          <dl>
                            <dt><img src="img/img10.png" /></dt>
                            <dd>
                            </dd>
                            <dd>同时桥接多人基于IP、电话语音的会议服务，基于API控制会议时长、成员邀请、禁音、移除等功能。</dd>
                          </dl>
                        </div>
                      </li>
                    </ul>         
                  </div>
                </div>
              </div>
        </div>
      </div>
    </div>
    <div class="index-block">
      <div class="container">
        <div class="index-block-title text-center">
          <h2><a class="text-dark" href="./school-culture.html">上课环境</a></h2>
          <strong>舒适的上课环境，营造良好的学习氛围</strong>
          <div class="line"></div>
        </div>
        <div class="row">
            <div class="swiper-container swiper1">
                <div class="swiper-wrapper">
                    <div class="swiper-slide img-animation"><a href="./school-item.html"><img src="./img/06.jpg" alt=""></a></div>
                    <div class="swiper-slide img-animation"><a href="./school-item.html"><img src="./img/06.jpg" alt=""></a></div>
                    <div class="swiper-slide img-animation"><a href="./school-item.html"><img src="./img/06.jpg" alt=""></a></div>
                    <div class="swiper-slide img-animation"><a href="./school-item.html"><img src="./img/06.jpg" alt=""></a></div>
                    <div class="swiper-slide img-animation"><a href="./school-item.html"><img src="./img/06.jpg" alt=""></a></div>
                </div>
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
      </div>
    </div>
    <div class="index-block fun-sz">
      <div class="container">
        <div class="index-block-title text-center">
          <h2><a href="./feature-list.html">师资力量</a></h2>
          <strong>强大的师资力量，经验丰富的实战讲师</strong>
          <div class="line"></div>
        </div>
        <div class="row">
            <div class="swiper-container swiper2">
                <div class="swiper-wrapper">
                    <a href="./feature-list.html" class="swiper-slide position-relative"" style="background-image:url(img/07.jpg)">
                      <p class="swiper-bottom-tit position-absolute""><strong>张晓</strong> 实战讲师（多年实战经验）</p>
                    </a>
                    <a href="./feature-list.html" class="swiper-slide position-relative"" style="background-image:url(img/07.jpg)">
                      <p class="swiper-bottom-tit position-absolute""><strong>张晓</strong> 实战讲师（多年实战经验）</p>
                    </a>
                    <a href="./feature-list.html" class="swiper-slide position-relative"" style="background-image:url(img/07.jpg)">
                      <p class="swiper-bottom-tit position-absolute""><strong>张晓</strong> 实战讲师（多年实战经验）</p>
                    </a>
                    <a href="./feature-list.html" class="swiper-slide position-relative"" style="background-image:url(img/07.jpg)">
                      <p class="swiper-bottom-tit position-absolute""><strong>张晓</strong> 实战讲师（多年实战经验）</p>
                    </a>
                    <a href="./feature-list.html" class="swiper-slide position-relative"" style="background-image:url(img/07.jpg)">
                      <p class="swiper-bottom-tit position-absolute""><strong>张晓</strong> 实战讲师（多年实战经验）</p>
                    </a>
                    
                </div>
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>

        </div>
      </div>
    </div>
  </div>
  <div id="ab" class="d-none d-xl-block">
    <div class="ab-left position-fixed">
      <a href="./feature-item.html">
        <img src="./img/ab-1.png" alt="">
      </a>
      <button type="button" class="close position-absolute" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="ab-right position-fixed">
      <div class="ab-right-arpper">
          <div class="ab-right-tit"><span>会员财会咨询通道</span></div>
          <div class="ab-right-con mb-2">
            <div class="border-bottom border-danger mb-2"><span class="h5">客服QQ 1</span> <img src="./img/qq.png"></div>
            <div class="mb-2"><span class="h5">客服QQ 2</span> <img src="./img/qq.png"></div>
            <div class="row mb-2">
                <div class="col d-inline-block">
                    <img class="img-fluid" src="./images/erweima.jpg" alt="">
                  </div>
                  <div class="col d-inline-block">
                    <img class="img-fluid" src="./images/erweima.jpg" alt="">
                  </div>
            </div>
          </div>
      </div>
      <div id="btn_top" class="ab-right-uptop"><span>返回顶部</span></div>
    </div>
  </div>
  <div id="footer">
    <div class="foot-con">
      <div class="container">
        <div class="row">
            <div class="foot-con-left1 col-5">
               <a href="#" class="foot-com-top btn btn-danger">快速注册会员</a>
              <div class="border border-warning foot-con-left1-div">
                <div class="footer-left1-tit"><img src="./images/icon-zhi.png" alt=""> 量身定制课程</div>
                <input class="form-control" type="text" placeholder="请填写您的姓名">
                <input class="form-control" type="text" placeholder="请填写您的电话">
                <textarea class="form-control" placeholder="请填写您想学期的课程"></textarea>
                <input class="form-control btn btn-danger" type="text" value="提交">
              </div>
            </div>
            <div class="col-1 mx-auto"><div class="f-bk"></div></div>
            <div class="foot-con-left2 col-6">
              <dl class="w-50 float-left foot-left2-blo">
                <dt><a href="#">关于金诚立信</a></dt>
                <dd><a href="#">课程安排</a></dd>
                <dd><a href="#">新闻中心</a></dd>
                <dd><a href="#">学校简介</a></dd>
                <dd><a href="#">学习资料</a></dd>
                <dd><a href="#">行业资讯</a></dd>
                <dd><a href="#">学校新闻</a></dd>
                <dd><a href="#">课程安排</a></dd>
              </dl>
              <dl class="w-50 float-left foot-left2-blo">
                <dt><a href="#">培训项目</a></dt>
                <dd><a href="#">初级职称</a></dd>
                <dd><a href="#">中级职称</a></dd>
                <dd><a href="#">税务师</a></dd>
                <dd><a href="#">财税班</a></dd>
                <dd><a href="#">注册会计师</a></dd>
                <dd><a href="#">会计实操班</a></dd>
                <dd><a href="#">会计全能班</a></dd>
              </dl>
            </div>
            <div class="col-1 mx-auto"><div class="f-bk"></div></div>
            <div class="foot-con-left3 col-3 text-center">
                <p class="text-left h4 mb-4">联系我们</p>
                <p class="text-left  h5 mb-4">统一服务电话：<br>
                    010-89456286</p>
                <img class="text-center" src="./images/erweima.jpg" alt="">
                <p class="text-center">微信公众号</p>
              </div>
            <div class="col-1 mx-auto"><div class="f-bk"></div></div>
            <div class="foot-con-left2 col-7">
                <iframe src="./mapbaidu.html" frameborder="0" width="100%" height="270" scrolling="no" marginwidth="0"></iframe>
                <p class="h4">学校地址：北京市顺义区港鑫家园福景院1-101</p>
            </div>
        </div>
      </div>
    </div>
    <div class="foot-icp">
      <p class="text-center">北京市顺义区金诚立信培训学校版权所有 &emsp;&emsp; ICP备案号：鲁ICP备字123456号</p>
    </div>
  </div>

 
  <script src="./js/jquery.min.js"></script>
  <script src="./js/popper.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <script src="./plugs/stickUp-master/stickUp.min.js"></script>
  <script type="text/javascript">
    //initiating jQuery
    jQuery(function($) {
      $(document).ready( function() {
        //enabling stickUp on the '.navbar-wrapper' class
        $('.menu').stickUp();

        //close
        $('.close').click(function () {
          $(this).parent().hide();
        })

        $(window).scroll(function () {
          if ($(window).scrollTop() >= 200) {
              $('#btn_top').fadeIn();
          }else {
              $('#btn_top').fadeOut();
          }
        });
        $("#btn_top").click(function(){
          if ($('html').scrollTop()) {
            $('html').animate({ scrollTop: 0 }, 1000);
            return false;
          }
          $('body').animate({ scrollTop: 0 }, 1000);
          return false;
	      }); 
      });
    });
  </script>
   <!-- 页面私有 -->
  <script type="text/javascript" src="./js/swiper.jquery.min.js"></script>
  <script type="text/javascript" src="js/base.js"></script>
  <script src="./js/rolling.js"></script>
  <script type="text/javascript">
    $(document).ready(function () {
      $("#scrollDiv").Scroll({ line: 1, speed: 500, timer: 3000 });
    });
  </script>
  <script>        
      var mySwiper = new Swiper ('.swiper1', {
        loop: true,
        slidesPerView: 3,
        spaceBetween: 30,
        autoplay:4000,
        // 如果需要前进后退按钮
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        
      })
      var swiper = new Swiper('.swiper2', {
        loop: true,
        // 如果需要前进后退按钮
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        effect: 'coverflow',
        grabCursor: true,
        centeredSlides: true,
        slidesPerView: 'auto',
        coverflow: {
            rotate: 50,
            stretch: 0,
            depth: 100,
            modifier: 1,
            slideShadows : true
        }
    });
      </script>
</body>

</html>